<template>
  <div class="tkbox failbox clmcenter">
    <div class="tkcontainer clmcenter">
      <div class="tk_container clmstart">
        <p class="title">打卡失败</p>
        <div class="tk_infobox">
          <div class="tk_info clmcenter">
            <img src="@/assets/img/cuo.png" />
            <p>
              抱歉，经审核<br />
              您上传的照片不符合规范
            </p>
          </div>
        </div>
      </div>
      <img
        src="@/assets/img/backtoinfo.png"
        class="backtoinfo"
        @click="close"
      />
    </div>
  </div>
</template>
<script>
export default {
  methods: {
    close() {
      this.$emit("close");
    },
  },
};
</script>
<style lang="less" scoped>
.failbox {
  .tkcontainer {
    .tk_container {
      .tk_infobox {
        .tk_info {
          img {
            margin-top: 2rem;
          }
          p {
            font-size: 2rem;
            padding-top: 1rem;
            text-align: center;
          }
        }
      }
    }
    .backtoinfo {
      margin-top: 5rem;
    }
  }
}
</style>
